
.cont{
	width: 1423px;
	height: 2342px;
	background: #f5f5f5 ;
	padding: 0 120px 0 90px;
	box-sizing: border-box;
	/*border: 1px solid red;*/
}


.exclu{
	width: 1213px;
	height: 43px;
}
.lineLeft{
	width: 405px;
	height: 18px;
	float: left;
	border-bottom: 1px solid #ececec;
}
.excluText{
	width: 403px;
	height: 43px;
	float: left;
	text-align: center;
	line-height: 43px;
	color: #ff0036;
	font-size: 17px;
}
.excluText img{
	vertical-align: middle;
}
.lineRight{
	width: 405px;
	height: 18px;
	float: left;
	border-bottom: 1px solid #ececec;
}
.contTop{
	width: 1213px;
	height: 130px;
	margin-bottom: 25px;
}
.contUl li{
	width: 235px;
	height: 130px;
	list-style: none;
	float: left;
}
.contUl li:nth-of-type(1){
	margin-right: 9px;
}
.contUl li:nth-of-type(2){
	margin-right: 10px;
}
.contUl li:nth-of-type(3){
	margin-right: 10px;
}
.contUl li:nth-of-type(4){
	margin-right: 9px;
}
.contUl li img{
	width: 235px;
	height: 130px;
}


.brand{
	width: 1213px;
	height: 370px;
	font-size: 18px;
	font-weight: bold;
	line-height: 54px;
}
.brandOne{
	width: 237px;
	height: 370px;
	background: white;
	margin-right: 10px;
	float: left;
}
.brandOne-p1{
	width: 237px;
	height: 54px;
	border-bottom: 1px solid #eeeeee;
	background: url(../img/播放.png) no-repeat 212px;
	text-indent: 11px;
	line-height: 54px;
}
.brandOneCont{
	width: 237px;
	height: 316px;
	position: relative;
}
.brandImg{
	width: 237px;
	height: 316px;
}
.filt{
	width: 237px;
	height: 316px;
	position: absolute;
	background: rgba(255,255,255,.3);
	display: none;
}
.brandOneCont:hover .filt{
	display: block;
}



.brandTwo{
	width: 478px;
	height: 370px;
	background: white;
	margin-right: 10px;
	float: left;
}
.brandTwo-top{
	width: 478px;
	height: 54px;
	border-bottom: 1px solid #eeeeee;
	line-height: 54px;
}
.brandTwo-p1{
	width: 400px;
	height: 54px;
	text-indent: 11px;
	line-height: 54px;
	float: left;
}
.brandTwo-p2{
	width: 78px;
	height: 54px;
	font-size: 15px;
	color: #666666;
	line-height: 54px;
	float: left;
}
.brandTwo-p2 img{
	vertical-align: middle;
}
.brandTwoCont{
	width: 478px;
	height: 316px;
	position: relative;
}
.filtTwo{
	width: 478px;
	height: 316px;
	position: absolute;
	background: saddlebrown;
	background: rgba(255,255,255,.3);
	display: none;
}
.brandTwoCont .brandTwoImg{
	width: 478px;
	height: 316px;
}
.brandTwoCont:hover .filtTwo{
	display: block;
}


.brandThree{
	width: 478px;
	height: 370px;
	background: white;
	float: left;
}

.brandThree-p1{
	width: 400px;
	height: 54px;
	font-size: 18px;
	font-weight: bold;
	line-height: 54px;
	/*border-bottom: 1px solid #eeeeee;*/
	text-indent: 11px;
	line-height: 54px;
	float: left;
}
.brandThree-p2{
	width: 78px;
	height: 54px;
	font-size: 15px;
	color: #666666;
	line-height: 54px;
	float: left;
}
.brandThree-p2 img{
	vertical-align: middle;
}
.brandThreeCont{
	width: 478px;
	height: 316px;
	position: relative;
}
.brandThreeImg{
	width: 478px;
	height: 316px;
}
.filtThree{
	width: 478px;
	height: 316px;
	position: absolute;
	top: 54px;
	background: rgba(255,255,255,.3);
	display: none;
}
.brandThreeCont:hover .filtThree{
	display: block;
}

.label{
	width: 1213px;
	height: 326px;
	background: white;
	margin-top: 14px;
}
.oneLabeL{
	width: 1213px;
	height: 108px;
	list-style: none;
}
.oneLabeL li{
	width: 120px;
	height: 108px;
	float: left;
	border-bottom: 1px solid #f5f5f5;
}
.oneLabeL li:nth-of-type(1){
	background: url(../img/hen1.png);
}
.oneLabeL li:nth-of-type(2){
	background: url(../img/hen2.png);
}
.oneLabeL li:nth-of-type(3){
	background: url(../img/hen3.png);
}
.oneLabeL li:nth-of-type(4){
	background: url(../img/hen4.png);
}
.oneLabeL li:nth-of-type(5){
	background: url(../img/hen5.png);
}
.oneLabeL li:nth-of-type(6){
	background: url(../img/hen6.png);
}
.oneLabeL li:nth-of-type(7){
	background: url(../img/hen7.png);
}
.oneLabeL li:nth-of-type(8){
	background: url(../img/hen8.png);
}
.oneLabeL li:nth-of-type(9){
	background: url(../img/hen9.png);
}
.oneLabeL li:nth-of-type(10){
	background: url(../img/hen10.png);
}
.oneLabeL li p{
	width: 120px;
	height: 108px;
	display: none;
	text-align: center;
	line-height: 85px;
	color: white;
	font-size: 12px;
	background: rgba(0,0,0,.8) url(../img/fan1.png) no-repeat 30px 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.oneLabeL li:hover p{
	display: block;
}


.oneLabeL li:nth-of-type(odd){
	border-right: 1px solid #f5f5f5;
}
.oneLabeL li:nth-of-type(even){
	border-right: 1px solid #f5f5f5;
}
.oneLabeL li:nth-of-type(10){
	border-right: none;
}


.twoLabeL{
	width: 1213px;
	height: 108px;
	list-style: none;
}
.twoLabeL li{
	width: 120px;
	height: 108px;
	float: left;
	border-bottom: 1px solid #f5f5f5;
}
.twoLabeL li:nth-of-type(1){
	background: url(../img/labTwo1.png);
}
.twoLabeL li:nth-of-type(2){
	background: url(../img/labTwo2.png);
}
.twoLabeL li:nth-of-type(3){
	background: url(../img/labTwo3.png);
}
.twoLabeL li:nth-of-type(4){
	background: url(../img/labTwo4.png);
}
.twoLabeL li:nth-of-type(5){
	background: url(../img/labTwo5.png);
}
.twoLabeL li:nth-of-type(6){
	background: url(../img/labTwo6.png);
}
.twoLabeL li:nth-of-type(7){
	background: url(../img/labTwo7.png);
}
.twoLabeL li:nth-of-type(8){
	background: url(../img/labTwo8.png);
}
.twoLabeL li:nth-of-type(9){
	background: url(../img/labTwo9.png);
}
.twoLabeL li:nth-of-type(10){
	background: url(../img/labTwo10.png);
}
.twoLabeL li p{
	width: 120px;
	height: 108px;
	display: none;
	text-align: center;
	line-height: 85px;
	color: white;
	font-size: 12px;
	background: rgba(0,0,0,.8) url(../img/fan1.png) no-repeat 30px 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.twoLabeL li:hover p{
	display: block;
}
.twoLabeL li:nth-of-type(odd){
	border-right: 1px solid #f5f5f5;
}
.twoLabeL li:nth-of-type(even){
	border-right: 1px solid #f5f5f5;
}
.twoLabeL li:nth-of-type(10){
	border-right: none;
}


.threeLabeL{
	width: 1213px;
	height: 108px;
	list-style: none;
}
.threeLabeL li{
	width: 120px;
	height: 108px;
	float: left;
	border-bottom: 1px solid #f5f5f5;
}
.threeLabeL li:nth-of-type(1){
	background: url(../img/labThree1.png);
}
.threeLabeL li:nth-of-type(2){
	background: url(../img/labThree2.png);
}
.threeLabeL li:nth-of-type(3){
	background: url(../img/labThree3.png);
}
.threeLabeL li:nth-of-type(4){
	background: url(../img/labThree4.png);
}
.threeLabeL li:nth-of-type(5){
	background: url(../img/labThree5.png);
}
.threeLabeL li:nth-of-type(6){
	background: url(../img/labThree6.png);
}
.threeLabeL li:nth-of-type(7){
	background: url(../img/labThree7.png);
}
.threeLabeL li:nth-of-type(8){
	background: url(../img/labThree8.png);
}
.threeLabeL li:nth-of-type(9){
	background: url(../img/labThree9.png);
}

.threeLabeL li p{
	width: 120px;
	height: 108px;
	display: none;
	text-align: center;
	line-height: 85px;
	color: white;
	font-size: 12px;
	background: rgba(0,0,0,.8) url(../img/fan1.png) no-repeat 30px 60px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.threeLabeL li:hover p{
	display: block;
}
.threeLabeL li:nth-of-type(odd){
	border-right: 1px solid #f5f5f5;
}
.threeLabeL li:nth-of-type(even){
	border-right: 1px solid #f5f5f5;
}
.threeLabeL li:nth-of-type(10){
	border-right: none;
}

.lab{
	width: 1213px;
	height: 60px;
	background: url(../img/TB1Q67hXPihSKJjy0FeXXbJtpXa-428-50.png) no-repeat 0px 24px;
	background-size: 215px 25px;
}
.labUl{
	height: 60px;
	padding-top: 28px;
	box-sizing: border-box;
}
.labUl li{
	height: 20px;
	line-height: 20px;
	list-style: none;
	float: right;
	margin-left: 24px;
	font-size: 15px;
}
.labUl li:hover{
	border-bottom: 1px solid black;
}


.content{
	width: 1213px;
	height: 620px;
}
.content-left{
	width: 235px;
	height: 620px;
	background: url(../img/lab1.jpg);
	background-size: 235px 620px;
	float: left;
	margin-right: 10px;
	position: relative;
}
.content-left-filter{
	width: 235px;
	height: 620px;
	background: rgba(255,255,255,.3);
	display: none;
}
.content-left:hover .content-left-filter{
	display: block;
}
.gift{
	width: 198px;
	height: 64px;
	position: absolute;
	bottom: 130px;
	color: white;
	text-align: center;
}
.giftLeft{
	width: 70px;
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	float: left;
	background: rgba(0,0,0,.8);
}
.giftRight{
	width: 128px;
	height: 64px;
	font-size: 17px;
	float: left;
	background: rgba(0,0,0,.3);
	padding: 12px 35px 0 12px;
	box-sizing: border-box;
}
.towards{
	position: absolute;
	bottom: 12px;
	right: 13px;
}



.content-right{
	width: 968px;
	height: 620px;
	float: left;
}
.content-right-top{
	width: 968px;
	height: 305px;
	margin-bottom: 10px;
}
.tab{
	width: 485px;
	height: 305px;
	padding: 8px 8px;
	box-sizing: border-box;
	background: white;
	float: left;
	margin-right: 10px;
}
.tabInside{
	width: 468px;
	height: 288px;
	border: 1px solid #f1f1f1;
}
.tabLeft{
	width: 234px;
	height: 58px;
	border: none;
	outline: none;
	font-size: 17px;
	color: white;
	background: #00b262;
	vertical-align: middle;
}
.tabRight{
	width: 234px;
	height: 58px;
	border: none;
	outline: none;
	font-size: 17px;
	background: #f1f1f1;
	margin-left: -5px;
	vertical-align: middle;
}
.tabCont{
	width: 468px;
	height: 305px;
}

.tipsOne{
	height: 203px;
	width: 468px;
	background: url(../img/tab.jpg) no-repeat 234px;
	background-size: 234px 230px;
	position: relative;
}
.tipsLeft{
	width: 265px;
	height: 88px;
	background: rgba(241,241,241,.7);
	position: absolute;
	top: 86px;
}
.tipsText1{
	text-indent: 60px;
	font-size: 23px;
	color: #00b262;
	line-height: 50px;
	background: url(../img/tab1.png) no-repeat 28px;
}
.tipsText2{
	text-indent: 30px;
	font-size: 23px;
	/*line-height: 50px;*/
}



.tipsTwo{
	/*height: 305px;
	height: 230px;*/
	height: 203px;
	width: 468px;
	background:url(../img/tab2.jpg) no-repeat 234px;
	background-size: 234px 230px;
	position: relative;
	display: none;
}
.tipsRight{
	width: 0;
	border-left: 35px solid rgba(241,241,241,.7);
	border-top: 44px solid transparent;
	border-bottom: 44px solid transparent;
	position: absolute;
	top: 86px;
	left: 265px;
}






#com{
	width: 232px;
	height: 305px;
	float: left;
	background: white;
	background-size: 232px 305px ;
	margin-right: 10px;
	position: relative;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
}
#comImg{
	width: 185px;
	height: 185px;
}
#comp1{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#comp2{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#comp3{
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #ff0035;
	font-size: 18px;
}
.comfilt{
	width: 232px;
	height: 305px;
	background: rgba(255,255,255,.3);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
}
#com:hover .comfilt{
	display: block;
	border: 1px solid red;
}



#comRight{
	width: 231px;
	height: 305px;
	float: left;
	background: white;
	background-size: 232px 305px ;
	position: relative;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
}
#comRightImg{
	width: 185px;
	height: 185px;
}
#compRight1{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#compRight2{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#compRight3{
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #ff0035;
	font-size: 18px;
}
.comRightfilt{
	width: 229px;
	height: 305px;
	background: rgba(255,255,255,.3);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
}
.comRight:hover .comRightfilt{
	display: block;
	border: 1px solid red;
}

/*---------------------*/



.content-right-bottom{
	width: 968px;
	height: 305px;
}


#contButOne{
	width: 237px;
	height: 305px;
	float: left;
	background: white;
	margin-right: 10px;
	background-size: 232px 305px ;
	position: relative;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
}
#contButImg{
	width: 185px;
	height: 185px;
}
#contButp1{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButp2{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButp3{
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #ff0035;
	font-size: 18px;
}
.contButFilt{
	width: 237px;
	height: 305px;
	background: rgba(255,255,255,.3);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
}
.contButOne:hover .contButFilt{
	display: block;
	border: 1px solid red;
}



#contButTwo{
	width: 238px;
	height: 305px;
	float: left;
	background: white;
	margin-right: 10px;
	background-size: 232px 305px ;
	position: relative;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
}
#contButTwoImg{
	width: 185px;
	height: 185px;
}
#contButTwop1{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButTwop2{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButTwop3{
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #ff0035;
	font-size: 18px;
}
.contButTwoFilt{
	width: 238px;
	height: 305px;
	background: rgba(255,255,255,.3);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
}
.contButTwo:hover .contButTwoFilt{
	display: block;
	border: 1px solid red;
}




#contButThree{
	width: 232px;
	height: 305px;
	float: left;
	background: white;
	margin-right: 10px;
	background-size: 232px 305px ;
	position: relative;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
}
#contButThreeImg{
	width: 185px;
	height: 185px;
}
#contButThreep1{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButThreep2{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButThreep3{
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #ff0035;
	font-size: 18px;
}
.contButThreeFilt{
	width: 232px;
	height: 305px;
	background: rgba(255,255,255,.3);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
}
.contButThree:hover .contButThreeFilt{
	display: block;
	border: 1px solid red;
}



#contButFour{
	width: 231px;
	height: 305px;
	float: left;
	background: white;
	background-size: 232px 305px ;
	position: relative;
	padding: 22px 25px 0 25px;
	box-sizing: border-box;
}
#contButFourImg{
	width: 185px;
	height: 185px;
}
#contButFourp1{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButFourp2{
	width: 130px;
	height: 23px;
	font-size: 14px;
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	/*text-overflow: ellipsis;*/
}
#contButFourp3{
	width: 130px;
	height: 40px;
	margin: 0 auto;
	text-align: center;
	line-height: 40px;
	color: #ff0035;
	font-size: 18px;
}
.contButFourFilt{
	width: 230px;
	height: 305px;
	background: rgba(255,255,255,.3);
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	
}
.contButFour:hover .contButFourFilt{
	display: block;
	border: 1px solid red;
}